<script setup>

const emit = defineEmits(['blur', 'input']);
const model = defineModel();
</script>
<template>
  <input type="text" class="input" v-model="model" @blur="emit('blur')" @input="emit('input')">
</template>
<style scoped lang="less">
.input {
  width: 140px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  color: #0f0f0f;
  background-color: #ffffff;
  transition: border-color 0.25s;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
</style>
